<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>新闻列表页</title>
		<link rel="stylesheet" href="styles/public.css">
		<link rel="stylesheet" href="styles/NewsList.css">
		<link rel="stylesheet" href="styles/footer.css">
		<style></style>
	</head>
	<body>
	<header>
		<img src="images/logo.png" alt="">
 	</header>
	<nav class="navbar-top"><!--适用于移动端 需要考虑百分比，一般用宽度来写导航-->
	  <ul>
			<li><a href="index.html">首页</a></li>
			<li><a href="#">关于伊森</a></li>
			<li class='one'><a href="#">木制表</a>
				<div class='figure'></div>
				<div class='nav-details'>
					<a href="list-details.html">产品详细</a>
					<a href="products-list.html">产品系列</a>
					<a href="products-details.html">产品列表</a>
					<a href="product.html">男女装</a>
				</div>
			</li>
			<li class='one active'><a href="#">腕表动态</a>
				<div class='figure'></div>
				<div class='nav-details'>
					<a href="News.html">新闻详细</a>
					<a href="NewsList.html">新闻列表</a>
				</div>
			</li>
			<li><a href="#">联系伊森</a></li>
			<li><a href="#">售后维修</a></li>
	  </ul>
	</nav>
	<section class='banner01'>
		<div class="container">
			<span>伊森主页>腕表动态>报道和新闻</span>
			<div class='center-01'>
				<h1>NEWS&EVENT</h1>
			</div>
			<div class="center-02">
				<div class="center-left">
					<a href=""><img src="images/newslist01.png" alt=""></a>
				</div>
				<div class="center-right">
					<span class='active01'>2017年1月27日</span>
					<h1>Tapisserie格纹装饰表盘：呈现光影对比之美</h1>
					<span class='active'>除饰有八枚螺丝的八角形表圈外，另一个让皇家 橡树系列在芸芸众表中脱颖而出的设计元素就是独树一帜的“Tapisserie”格纹装饰经典表盘</span>
					<a href="">阅读更多内容→</a>
				</div>
			</div>
			<p><img src="images/newslist02.png" alt=""></p>
		</div>
	</section>
	<section class='banner02'>
		<div class="container">
			<div class="center-02">
				<div class="center-left">
					<a href=""><img src="images/newslist03.png" alt=""></a>
				</div>
				<div class="center-right">
					<span class='active01'>2016.01.25   </span>
					<h1>天文复杂功能：我们最 引以为傲的专业领域之 一</h1>
					<span class='active'>问世伊始就长于天文显示功能，爱彼为此特别成 立一间工坊,完全专精于万年历与时间等式两大高难度的复杂问题。</span>
					<a href="">阅读更多内容→</a>
				</div>
			</div>
			<div class="container">
			<div class="center-02">
				<div class="center-left">
					<a href=""><img src="images/newslist04.png" alt=""></a>
				</div>
				<div class="center-right">
					<span class='active01'>2015.11.11</span>
					<h1>与大师一同优雅挥杆， 解构时间： 2015伊森 高尔夫大师尊享会</h1>
					<span class='active'>金秋时节，瑞士高级制表品牌爱彼（Audemars Plget)在上海览海国际高尔夫俱乐部矩形...</span>
					<a href="">阅读更多内容→</a>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="center-02">
				<div class="center-left">
					<a href=""><img src="images/newslist05.png" alt=""></a>
				</div>
				<div class="center-right">
					<span class='active01'>2015.11.10</span>
					<h1>全新皇家橡树系列万年 历腕表黄金款</h1>
					<span class='active'>2016年，我们要让永恒璀璨的黄金光芒再次独占鳌头。</span>
					<a href="">阅读更多内容→</a>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="center-02">
				<div class="center-left">
					<a href=""><img src="images/newslist06.png" alt=""></a>
				</div>
				<div class="center-right">
					<span class='active01'>2015.09.24  </span>
					<h1>与GIULIO  PAPI荣获 2015年盖亚奖 ”企业 家精神奖“</h1>
					<span class='active'>盖亚奖是国际钟表博物馆（International Horology Mesuem)于1993年创立的奖项。</span>
					<a href="">阅读更多内容→</a>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="center-02">
				<div class="center-left">
					<a href=""><img src="images/newslist07.png" alt=""></a>
				</div>
				<div class="center-right">
					<span class='active01'>2015.09.16</span>
					<h1>全新皇家橡树万年历腕表</h1>
					<span class='active'>有史以来，人类就常以太阳测量当天时间，并根据月 亮以及其他可观测星体与星座制订历法，人类自然而然地从大自然的日月星辰汲取灵感，继而以其为基准，发明出最早的测试工具与概念。</span>
					<a href="">阅读更多内容→</a>
				</div>
			</div>
			<div class='bottom'><a href='' class='active'><span>1,</span>2,3,4...11</a></div>
			<div class='bottom'><a href="#" class='active1'>返回顶部</a><!-- <input type="button" value='返回顶部'> --></div>
		</div>
	</section>
		<footer class='footer'>
		<p></p>
		 <div class="container">
			 <ul>
				<li class='top'>产品系列</li>
				<li><a href="">伊森男腕表</a></li>
				<li><a href="">伊森女腕表</a></li>
			 </ul>
			 <ul>
				<li class='top'>伊森腕表品牌</li>
				<li><a href="">品牌简介</a></li>
				<li><a href="">总裁致辞</a></li>
				<li><a href="">员工关怀</a></li>
				<li><a href="">招商加盟</a></li>
				<li><a href="">人才招聘</a></li>
			 </ul>
			 <ul>
				<li class='top'>关于伊森</li>
				<li><a href="">公司简介</a></li>
				<li><a href="">工厂简介</a></li>
				<li><a href="">荣誉资质</a></li>
				<li><a href="">伊森手表学堂</a></li>
			 </ul>
			 <ul>
				<li class='top'>伊森新闻</li>
				<li><a href="">伊森新闻</a></li>
				<li><a href="">伊森与名人</a></li>
				<li><a href="">伊森慈善</a></li>
			 </ul>
			 <ul>
				<li class='top'>客户服务</li>
				<li><a href="">在线产品目录</a></li>
				<li><a href="">查找保养中心</a></li>
				<li><a href="">服务价格</a></li>
				<li><a href="">腕表保养</a></li>
				<li><a href="">质保与用户手册</a></li>
			 </ul>
			 <ul>
				<li class='top'>授权商店</li>
				<li><a href="">零售商地址</a></li>
				<li><a href="">授权网上商店</a></li>
			 </ul>
		 </div>
	</footer>
	<footer class='footer1'>
		<div class="container">
			 <span>Copyright2016伊森腕表版权所有</span>
			 <span>粤ICP备1234567号</span>
			 <span>贵宾专线：400-200-999</span>
			 <span>湖南省长沙市岳麓区枫林二路139号</span>
		</div>
	</footer>
	</body>
</html>